<script lang="ts" setup>
import useResize from "./hooks/useResize"
import LeftTopMode from "./LeftTopMode.vue"
import { setCssVariableValue } from "@/utils"
/** Layout 布局响应式 */
useResize()

//#region 隐藏标签栏时删除其高度，是为了让 Logo 组件高度和 Header 区域高度始终一致
const cssVariableName = "--v3-tagsview-height"
setCssVariableValue(cssVariableName, "0px")
//#endregion
</script>

<template>
  <div>
    <LeftTopMode />
  </div>
</template>

<style lang="scss" scoped>
.showGreyMode {
  filter: grayscale(1);
}

.showColorWeakness {
  filter: invert(0.8);
}
</style>
